 <script src="/js/jquery-2.1.0.min.js"></script>

   <!-- 新 Bootstrap 核心 CSS 文件 -->
   <link href="/css/bootstrap.min.css" rel="stylesheet">
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="/js/bootstrap.min.js"></script>

  <link rel="stylesheet" href="/layui/css/layui.css" media="all">
  <script src="/layui/v1.5/static/layer/layer.js"></script>
  <link rel="stylesheet" href="/layui/v1.5/static/layer/theme/default/layer.css" id="layuicss-layer">
  <style type="text/css">
    	.layui-table-cell {
        height: 100px;
        line-height: 100px;
        padding: 0 5px;
        position: relative;
        box-sizing: border-box;
    }
    th .layui-table-cell{height:35px;line-height:35px;}

  	/* 导航项的底下指示条，并添加过渡动画*/
  	.underline-bar {
  	    height: 2px;
  	    width: 0%;
  	    margin: 0 auto;
  	    background-color: #ffffff ;
  	    transition:width 1.5s;              /**/
  	    -webkit-transition:width 1.5s; /* Safari */
  	}

  	/* 鼠标经过导航项的时候显示过渡动画*/
  	li:hover>.underline-bar{
  	    width: 100%;
  	}

  	/* 选中状态，指示条显示*/
  	.active>.underline-bar{
  	    width:100%;
  	}

    </style>